@charset "utf-8";
.clear:before,.clear:after {content: "."; display: block; height:0;  visibility: hidden;}
.clear:after {clear:both;}
.fl{ float: left; }
.fr{ float: right; }
.hide{display: none;}
.hidden{visibility:hidden;}
.overflow{overflow: hidden;}
.wrap,.wrap10,.wrap15,.wrap20,.wrap25,.wrap30{margin-left: auto;margin-right: auto; max-width: 450px; left:0; right: 0;}
.wrap{max-width: 450px;}
.wrap10{width:97.33%; max-width: -webkit-calc( 450px*0.9733 ); max-width: -moz-calc( 450px*0.9733 ); max-width: calc( 450px*0.9733 );}
.wrap15{width:96%;max-width: -webkit-calc( 450px*0.96 );max-width: -moz-calc( 450px*0.96 );max-width: calc( 450px*0.96 );}
.wrap20{width:94.66%;max-width: -webkit-calc( 450px*0.9466 );max-width: -moz-calc( 450px*0.9466 );max-width: calc( 450px*0.9466 );}
.wrap25{width: 93.33%;max-width: -webkit-calc( 450px*0.9333 );max-width: -moz-calc( 450px*0.9333 );max-width: calc( 450px*0.9333 );}
.wrap30{width: 92%;max-width: -webkit-calc( 450px*0.92 );max-width: -moz-calc( 450px*0.92 );max-width: calc( 450px*0.92 );}
.weight{font-weight: bold;}
.middle{ vertical-align: middle; }
.pre-line{ white-space: pre-line;}
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-cut,.text-cut-more{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.nowrap,
.text-cut{white-space: nowrap;}
.text-cut-more{display: -webkit-box;/* -webkit-line-clamp: 2; */-webkit-box-orient: vertical;}
.box-cut{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;}
.width{width: 100%;}
.height{height: 100%;}
.vh{ min-height: 100vh; }
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
.top{ top: 0; }
.left{ left: 0; }
.right{ right: 0; }
.bottom{ bottom: 0; }
.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.block{ display: block; }
.inline-block{display: inline-block;}
.table{ display: table; }
.table-cell{ display: table-cell; white-space: nowrap; }
.flex{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; }
.inline-flex{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: -moz-inline-box; display: inline-flex; display: -webkit-inline-flex; }
.flex-middle{ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }
.flex-center{ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; }
.flex-start{ -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; }
.flex-end{ -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; }
.flex-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; }
.flex-around{ -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; }
.flex-wrap{-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex-auto{ -webkit-box-flex:1; -webkit-flex:auto; -moz-box-flex:1; -ms-flex:auto; flex:auto }
.flex-one{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }